/*
Theme Name: Photomatik
Theme URI: http://www.nicographie.com/
Description: Photoblog theme for WorpPress. This theme depends on the Yet Another Photoblog (YAPB) plugin.
Version: 1.1.0b
Author: Nicolas M.
Author URI: http://www.nicographie.com
Tags:photoblogging,photo,photoblog
*/


/*--------------------------------------------------------------------*/
/*--------------------- beta page Photo du Jour ----------------------*/
/*--------------------------------------------------------------------*/

body {
	margin-left: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
font-family: Arial;
font-size: 0.7em;
text-align: left;
background: #333333;
color: #cccccc;
}

/*------------- PAGES --------------------*/

.pages {   padding-top : 0px;  
           margin: 0 auto 0 auto;
}
           


div {
	text-align:center;
	}

/*--------------------- colonne gauche */
div#col_GAUCHE {
	float:left;
	width:150px;
	height:700px;
		}

div#col_GAUCHE_haut {
	width:150px;
	height:400px;
		}

div#col_GAUCHE_bas {
	width:150px;
	height:300px;
		}
		
.cal a:link
{color: #C0C0C0; 
text-decoration: none; 
background-color: transparent }

.cal a:link
{color: #CCCCCC; 
text-decoration: none; 
background-color: transparent }

.cal a:visited 
  { color: #CCCCCC; 
  text-decoration: none; 
  background-color: transparent }

.cal a:hover 
  { color: #FFFFFF; 
  text-decoration: none;
  background td-color: transparent }#twittertext {
	font-size: 8pt;
}

.cal a{
color: #6D6D6D;
}

.cal {
font-size : 8pt;
list-style-type: none;
list-style:none;
color: #6D6D6D;
}

/* for a mozilla better display with key nav */
.cal a:focus{
    background-color: #800000;
	color:#FFFFFF;
}


/*--------------------- photo du jour */
div#contenu {
	float:left;
	width:850px;
	font-family : courrier ;
	font-size: 11pt;
	background-color:#1A1A1A;
	color : #a9a9a9;
        
           text-align : justify;
	}
	
/*div#contenu img { /*------------- OMBRE PORTEE PHOTO --------------------*/
/*border : none;
padding: 18px 0px;
background: url(images/shadow.jpg) no-repeat top left;
} */




/*--------------------- colonne droite */
div#col_DROIT {
	float:left;
	width:150px;
	height:700px;
		}

div#col_DROIT_haut {
	width:150px;
	height:400px;
		}

div#col_DROIT_bas {
	width:150px;
	height:300px;
		}



/*--------------------- NUAGE MOT CLEF page SINGLE */
.cloudy a:link
{color: #444444; 
text-decoration: none; 
background-color: transparent }

.cloudy a:visited 
  { color: #444444; 
  text-decoration: none; 
  background-color: transparent }
  
.cloudy a:hover 
  { color: #FFFFFF; 
  text-decoration: none;
  background td-color: transparent }#twittertext {
	font-size: 8pt;
}



/*--------------------- titre et dates */
div#title {
	width:1150px;
	height:50px;
	clear:both;
	}
	
div#title a:link
{color: #A9A9A9; 
text-decoration: none; 
background-color: transparent }

div#title a:visited 
  { color: #C0C0C0; 
  text-decoration: none; 
  background-color: transparent }
div#title a:hover 
  { color: #FFFFFF; 
  text-decoration: none; 
  background-color: transparent }
.left a:active 
  { color: #FFFFFF; 
  text-decoration: none; 
  background-color: transparent }
	
	

/*--------------------- commentaires */
div#comments {
	width:1150px;
	height:50px;
	clear:both;
	}
	
	.commentscontainer { margin-top : 20px;
             width: 500px;
	     	margin: 0px auto;
			font-size : 11px;
	     	text-align: center;
             color: #a9a9a9;
             font-family : arial, serif;
             background-color: #333333;
             padding: 40px;
      }

.comments{ margin-top : 0px;
           margin-bottom : 0px;
           margin-left : 0px;
           margin-right : 0px;
           padding : 12px;     
	  	 color : #a9a9a9;
           font-size : 10px;
           font-weight : normal;
           line-height : 16px;
           text-align : justify;
           width: 420px;
}

ol#comments {
list-style:none;
margin:15px 0 0;
padding:0;
}

.comments-popup { margin-top : 0px;
           margin-bottom : 0px;
           margin-left : 2px;
           margin-right : 2px;
           padding : 12px;     
	   color : #8C8C8C;
           font-size : 10px;
           font-weight : normal;
           line-height : 16px;
           text-align : justify;

}

.commentsbody {border-bottom : 1px solid #E8E8E8;
background-color: #333333;
               text-align : justify;
               margin-bottom : 10px;
               padding : 10px;
               font-size : 12px;
               color : #8C8C8C;
border: 1px solid #000000;
}




/*--------------------- footer */
div#footer {
	width:1150px;
	font-size: 8pt;
			}

.menuDWN a:link
{color: #6D6D6D; 
text-decoration: none; 
background-color: transparent }

.menuDWN a:visited 
  { color: #6D6D6D; 
  text-decoration: none; 
  background-color: transparent }
  
.menuDWN a:hover 
  { color: #FFFFFF; 
  text-decoration: none;
  background td-color: transparent }#twittertext {
	font-size: 8pt;
}


   
   
/* menu bas flickR bleu*/

.flickrBLUE a:link
{color: #6D6D6D; 
text-decoration: none; 
background-color: transparent }

.flickrBLUE a:visited 
  { color: #6D6D6D; 
  text-decoration: none; 
  background-color: transparent }
  
.flickrBLUE a:hover 
  {
	color: #336699;
	text-decoration: none;
  background td-color: transparent ;
}

/* menu bas flickR rose*/

.flickrPINK a:link
{color: #6D6D6D; 
text-decoration: none; 
background-color: transparent }

.flickrPINK a:visited 
  { color: #6D6D6D; 
  text-decoration: none; 
  background-color: transparent }
  
.flickrPINK a:hover 
  {
	color: #FF00CC;
	text-decoration: none;
  background td-color: transparent ;
}

/* menu bas TWITTER*/

.flickrTWITTER a:link
{color: #6D6D6D; 
text-decoration: none; 
background-color: transparent }

.flickrTWITTER a:visited 
  { color: #6D6D6D; 
  text-decoration: none; 
  background-color: transparent }
  
.flickrTWITTER a:hover 
  {
	color: #6699FF;
	text-decoration: none;
  background td-color: transparent ;
}



/*---------------------image vers archives année en cours */
.indexsommaire img {
filter:alpha(opacity=50);
opacity:.5;
}

.indexsommaire a:hover img {
filter:alpha(opacity=100);
color:#000000;
opacity:1;
}


.menuPH a:link
{color: #C0C0C0; 
text-decoration: none; 
background-color: transparent }

.menuPH a:hover{
    background-color: #C0C0C0;
	color:#000000;
    border:1px #FFFFFF solid;
    }

.menuPH a{
    text-align:center;
    background-color: #000000;
    border:1px #808080 solid;
    color:#FFFFFF;
    display:block;
    width:130px;
    text-decoration:none;
    padding:2px 0;
    margin:1px;
    }
	
/*--------------  MENU page galerie ------------------*/
.menuPAGE a:link
{color: #505050; 
text-decoration: none; 
background-color: transparent }

.menuPAGE a:hover{
    background-color: #C0C0C0;
	color:#000000;
    border:1px #FFFFFF solid;
    }

.menuPAGE a{
    text-align:center;
    background-color: #000000;
    border:1px #505050 solid;
    color:#505050;
    display:block;
    width:130px;
    text-decoration:none;
    padding:2px 0;
    margin:1px;
    }
    

    
/* for a mozilla better display with key nav */
.menuPH a:focus{
    background-color: #800000;
	color:#FFFFFF;
}



/* vignettes NEXT PREV Photo du jour */
.vignette img {
filter:alpha(opacity=30);
opacity:.3;
background-color: transparent }


.vignette a:hover img {
filter:alpha(opacity=100);
opacity:1;
}  



/* annulation positionement contenu */
.clear {clear: both;
}